<!DOCTYPE html>
<html lang="en" xmlns:th="www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="购买"></title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>

<body>
<br/>


<center>
    <div class="page-header">
        <h1 th:text="购买成功！"></h1>
    </div>
    <br/>
    <h4><a href="/index">返回</a></h4>
    <br/><br/><br/>
    <h3>猜你还想买：</h3>
</center>

<div class="container-fluid">
    <div class="row-fluid">
        <ul class="thumbnails">
            <li class="col-md-2" th:each="rec:${concurSimRecs}">
                <div class="thumbnail"><img style="max-width: 100px;max-height: 100px" alt="260x260"
                                            src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2997852669,4016981319&fm=11&gp=0.jpg"/>
                    <div class="caption">
                        <h3 th:text="${rec.bookName}"></h3>

                        <h4 th:text="'￥'+${#numbers.formatDecimal(rec.price, 1, 'COMMA', 2, 'POINT')}"></h4>

                        <p><a class="btn btn-primary" th:href="'/book/detail/'+${rec.bookId}">浏览</a></p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>

</body>
</html>